<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>程序步骤查询</title>
	<link href="../../webjar/bootstrap/3.3.7-1/css/bootstrap.min.css" rel="stylesheet">
	<link href="../../webjar/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
	<link href="../../webjar/css/mystyle.css" rel="stylesheet">
	<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.min.css">
	
	<script type="text/javascript" src="../../webjar/jquery/3.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="../../webjar/bootstrap/3.3.7-1/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../webjar/bootstrap-table/bootstrap-table.min.js"></script>
    <script type="text/javascript" src="../../webjar/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
    <script type="text/javascript" src="../../webjar/layer/layer.js"></script>
    <script type="text/javascript" src="../../webjar/plugins/layui/layui.js"></script>
    <script type="text/javascript" src="../Public/ServerPath.js"></script>
    <script type="text/javascript" src="../Public/ibcpAjax.js"></script>
    <script type="text/javascript" src="../Public/ibcpLayer.js"></script>
    <script type="text/javascript" src="../Public/DateFormat.js"></script>
    <script type="text/javascript" src="../Public/Sign.js"></script>
    <script type="text/javascript" src="../Public/cookie_util.js"></script>
    <script type="text/javascript" src="ProgramStep.js"></script>

    <style type="text/css">
        html {
            height: 100%;
        }
        body {
            height: 100%;
            margin: 0;
            padding: 0;
        }
        #leftSide,#rightSide {
            height: 100%;
            margin: 0;
            padding: 0;
        }
        #proStepResultTable td {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    </style>
</head>
<body style="padding: 0 0 0 5px">
    <div id="leftSide" class="panel panel-default col-md-3" style="height: 100%;padding-bottom: 0;">
        <div class="panel-heading">
            <h2><span class="label label-custom">程序步骤查询</span></h2>
        </div>
        <div class="panel-body" style="padding-bottom: 0;">
            <div style="padding-bottom: 10px">
                <div class="col-sm-9" style="padding-left: 0">
                    <input type="text" class="form-control" id="txtProStepContent" placeholder="请输入代码  名称并以空格分开" style="display: inline">
                </div>
                <div class="col-sm-3"  style="padding: 0;text-align: center;">
                    <button type="button" id="btnPSCSearch" class="btn btn-custom" style="width: 100%;display: inline;">搜索</button>
                </div>
            </div>
            <br/>
            <div style="margin-top: 10px">
                <table id="proStepResultTable" class="bootstrap-table table"
                       data-toggle="table"
                       data-click-to-select="true"
                       data-striped="true"
                       data-row-style="setUneffectiveRow"
                       data-unique-id="id"
                       data-cell-style="cellStyle"  style="padding-top: 10px;overflow-y: scroll;table-layout: fixed">
                    <thead>
                        <tr>
                            <th data-field="state" data-radio="true"></th>
                            <th data-field="id" data-visible="false"></th>
                            <th data-field="code">代码</th>
                            <th data-field="name">名称</th>
                            <th data-field="version">版本</th>
                            <th data-field="statusName">状态</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
    <div id="rightSide" class="col-md-9" style="padding: 0;height: 100%">
        <div id="right1" class="panel panel-default" style="margin-top: 0;">
            <div class="panel-heading">
                <div class="row" style="margin: 0">
                    <h2 class="col-sm-3" style="padding: 0"><span class="label label-custom">程序步骤详细信息</span></h2>
                    <div class="col-sm-9" style="padding: 0">
                        <div class="btn-toolbar" style="float: right;margin-right: 10px">
                            <button id="AddBtn" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="添加程序步骤"><span class="fa fa-plus"></span></button>
                            <!--<button id="CopyBtn" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="拷贝程序步骤" hidden="true"><span class="fa fa-copy"></span></button>-->
                            <button id="DeleteBtn" type="button" class="btn btn-danger" onclick="ProDelete()" data-toggle="tooltip" data-placement="bottom" title="删除程序步骤"><span class="glyphicon glyphicon-trash"></span></button>
                            <button id="VNowBtn" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="程序步骤详细信息"><span class="fa fa-eye"></span></button>
                            <button id="VHistoryBtn" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="程序步骤版本历史"><span class="glyphicon glyphicon-calendar"></span></button>
                            <button id="VChangeBtn" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="程序步骤版本变更"><span class="fa fa-exchange"></span></button>
                            <button id="VUpDataBtn" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="升级程序步骤"><span class="fa fa-arrow-up"></span></button>
                            <button id="PDescEdit" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="确认修改"><span class="glyphicon glyphicon-pencil"></span></button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel-body" style="padding: 0 10px">
                <div id="PSInfo" style="margin-top: 5px">
                    <div id="box1">
                        <div class ="form-group col-md-6 has-feedback">
                            <div class="input-group">
                                <div class="input-group-addon">步骤代码</div>
                                <input type="text" class="form-control " id="ProStCode" readonly>
                            </div>
                        </div>
                        <div class ="form-group col-md-6 has-feedback">
                            <div class="input-group">
                                <div class="input-group-addon">步骤名称</div>
                                <input type="text" class="form-control " id="ProStName" readonly>
                            </div>
                        </div>
                    </div>
                    <div id="box2">
                        <div class ="form-group col-md-6 has-feedback">
                            <div class="input-group">
                                <div class="input-group-addon">步骤版本</div>
                                <input type="text" class="form-control " id="ProStVersion" readonly>
                            </div>
                        </div>
                        <div class ="form-group col-md-6 has-feedback">
                            <div class="input-group">
                                <div class="input-group-addon">步骤状态</div>
                                <input type="text" class="form-control " id="ProStState" readonly>
                            </div>
                        </div>
                    </div>
                    <div id="box3">
                        <div class ="form-group col-md-12" style="position:relative">
                            <div class="input-group">
                                <div class="input-group-addon">步骤描述</div>
                                <textarea  class="form-control" id="ProStDescribe" rows="3" style="margin-top: 0;resize: none;"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="rightSide_2" class="panel panel-default" style="margin:0 5px 0 5px;">
            <div class="panel-heading" style="position:relative;">
                <h2 style="display:inline;"><span class="label label-custom">程序步骤资源</span></h2>
                <div style="width:100%;margin:0;text-align:right;display:inline;position:absolute;right:10px;top:5px;">
                    <div>
                        <button id="btnProSetpInfo" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="修改程序步骤资源"><span class="glyphicon glyphicon-pencil"></span></button>
                    </div>
                </div>
            </div>
            <div style="padding:3px;">
                <iframe id="EditArea" style="width:100%;margin-bottom:2px;border:none;">
                </iframe>
            </div>
        </div>
    </div>
</body>
<script>
    $(function () { $("[data-toggle='tooltip']").tooltip(); });
</script>
</html>